<template>
    <div v-if="curComponent.propValue.value=='Advantage'">
        <el-form-item  label="盒子边距">
            <div>
                <el-input  v-model="curComponent.propValue.boxMargin" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="盒子横向内边距">
            <div>
                <el-input  v-model="curComponent.propValue.paddingTransverse" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="盒子竖向内边距">
            <div>
                <el-input  v-model="curComponent.propValue.paddingVertical" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="标题字体大小">
            <div>
                <el-input  v-model="curComponent.propValue.titleSize" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="标题颜色">
            <div>
                <el-color-picker v-model="curComponent.propValue.titleColor" show-alpha></el-color-picker>
            </div>
        </el-form-item>
        <el-form-item label="内容字体大小">
            <div>
                <el-input  v-model="curComponent.propValue.contentSize" type="number" />
            </div>
        </el-form-item>
        <el-form-item label="内容颜色">
            <div>
                <el-color-picker v-model="curComponent.propValue.contentColor" show-alpha></el-color-picker>
            </div>
        </el-form-item>
        <el-form-item label="标题字体粗细">
            <div>
                <el-input  v-model="curComponent.propValue.titleWeight" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="内容标题粗细">
            <div>
                <el-input  v-model="curComponent.propValue.contentWeight" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="背景颜色">
            <div>
                <el-color-picker v-model="curComponent.propValue.backgroundColor"></el-color-picker>
            </div>
        </el-form-item>
        <el-form-item  label="外框宽度">
            <div>
                <el-input  v-model="curComponent.propValue.width" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="外框高度">
            <div>
                <el-input  v-model="curComponent.propValue.height" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="外框圆角">
            <div>
                <el-input  v-model="curComponent.propValue.borderRadius" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="图标上外边距">
            <div>
                <el-input  v-model="curComponent.propValue.iconMarginTop" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="图标左外边距">
            <div>
                <el-input  v-model="curComponent.propValue.iconMarginLeft" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="标题上外边距">
            <div>
                <el-input  v-model="curComponent.propValue.titleMarginTop" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="标题左外边距">
            <div>
                <el-input  v-model="curComponent.propValue.titleMarginLeft" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="内容上外边距">
            <div>
                <el-input  v-model="curComponent.propValue.contentMarginTop" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="内容左外边距">
            <div>
                <el-input  v-model="curComponent.propValue.contentMarginLeft" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="内容右外边距">
            <div>
                <el-input  v-model="curComponent.propValue.contentMarginRight" type="number" />
            </div>
        </el-form-item>
        <el-form-item  label="内容左内边距">
            <div>
                <el-input  v-model="curComponent.propValue.contentPaddingLeft" type="number" />
            </div>
        </el-form-item>
            <el-form-item  label="内容右内边距">
            <div>
                <el-input  v-model="curComponent.propValue.contentPaddingRight" type="number" />
            </div>
        </el-form-item>
        <el-form-item  v-if="curComponent.propValue.flex" label="盒子对齐方式">
             <el-radio-group v-model="curComponent.propValue.flex">
                <el-radio-button label="flex-start">靠左</el-radio-button>
                <el-radio-button label="center">居中</el-radio-button>
                <el-radio-button label="space-around">自适应</el-radio-button>
                <el-radio-button label="flex-end">靠右</el-radio-button>
            </el-radio-group>
        </el-form-item>
    </div>
</template>

<script>
export default {
 props:['curComponent']
}
</script>

<style>

</style>
